html body {
font-family: "Tahoma";
font-size: 12px;
color: #000;
/* Too narrow to support three columns */
}
html body .header {
background: #f1f1f1;
}
html body .header .a_logo {
display: block;
margin: 20px auto 0;
}
html body .header .a_linkbaner {
margin: 5px 0;
}
html body .ssg_bold {
font-weight: bold;
padding-top: 7px;
}
html body .ssg_normal {
font-weight: normal;
}
html body .ssg-text-12 {
font-size: 12px;
}
html body p.bg-danger,
html body p.bg-warning,
html body p.bg-info {
padding: 15px;
}
html body .font-13 {
font-size: 13px;
}
html body .font-14 {
font-size: 14px;
}
html body .font-16 {
font-size: 16px;
}
html body .font-20 {
font-size: 20px;
}
html body .font-25 {
font-size: 25px;
}
html body .font-50 {
font-size: 50px;
}
html body .font-80 {
font-size: 80px;
}
html body .topmenu .navbar {
background: #176dd4;
border-bottom: 1px solid #1565c4;
border-top: 1px solid #0f4584;
}
html body .topmenu .navbar li {
border-right: 1px solid #114e95;
line-height: 40px;
height: 48px;
}
html body .topmenu .navbar li a {
background-color: #0099ff;
height: 49px;
text-decoration: none;
text-shadow: none;
color: white;
display: block;
font-size: 14px;
font-weight: bold;
line-height: 50px;
padding: 0 35px;
text-shadow: 0 1px 0 #08284c;
}
html body .topmenu .navbar li a:hover {
background-color: #0585dc;
color: white;
}
html body .topmenu .navbar li.active a {
background: none repeat scroll 0 1px white;
border-bottom: 1px solid #fff;
color: #000;
text-shadow: none;
}
html body .topmenu .navbar li.active a:hover {
background-color: white;
color: #000;
}
html body .topmenu .navbar .navbar-text a,
html body .topmenu .navbar .navbar-text span {
color: #fff;
text-decoration: none;
}
html body .h_red {
color: #ea0000;
}
html body .log-form {
padding-bottom: 0 !important;
}
html body .log-form hr {
margin: 8px 0;
}
html body .panel {
background: none;
}
html body .panel .panel-title span {
line-height: 30px;
font-weight: bold;
}
html body .panel .panel-footer {
font-weight: bold;
}
html body .panel .panel-footer a {
text-decoration: none;
}
html body .hotline {
display: none;
}
html body #_submit {
font-weight: bold;
}
html body .bs-callout + .bs-callout {
margin-top: 5px;
}
html body .bs-callout {
padding: 20px;
margin: 20px 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;
}
html body .bs-callout h4 {
margin-top: 0;
margin-bottom: 5px;
}
html body .bs-callout p:last-child {
margin-bottom: 0;
}
html body .bs-callout code {
border-radius: 3px;
}
html body .bs-callout-danger {
border-left-color: #d9534f;
}
html body .bs-callout-danger h4 {
color: #d9534f;
}
html body .bs-callout-warning {
border-left-color: #f0ad4e;
}
html body .bs-callout-warning h4 {
color: #f0ad4e;
}
html body .bs-callout-info {
border-left-color: #5bc0de;
}
html body .bs-callout-info h4 {
color: #5bc0de;
}
@media screen and (max-width: 768px) {
html body {
/* General styles for all menus */
/* Vertical menu that slides from the left or right */
/* Horizontal menu that slides from the top or bottom */
/* Push classes applied to the body */
/* Transitions */
/* General styles for all menus */
/* Orientation-dependent styles for the content of the menu */
/* Vertical menu that slides from the left or right */
/* Horizontal menu that slides from the top or bottom */
}
html body .header {
display: none !important;
}
html body .topmenu .navbar li {
border-right: none;
}
html body .topmenu .navbar li a {
background-color: #333;
border-top: 1px solid #464646;
display: block;
padding: 0 10px;
font-size: 1.1em;
font-weight: 300;
text-shadow: none;
}
html body .topmenu .navbar .hotline {
display: block;
}
html body .cbp-spmenu {
background: #47a3da;
position: fixed;
}
html body .cbp-spmenu h3 {
color: #afdefa;
font-size: 1.9em;
padding: 20px;
margin: 0;
font-weight: 300;
background: #0d77b6;
}
html body .cbp-spmenu a {
display: block;
color: #666 !important;
font-size: 1.1em;
font-weight: 300;
border-bottom: 1px solid #464646;
background: #333 !important;
}
html body .cbp-spmenu a:hover {
color: #fff !important;
}
html body .cbp-spmenu a.active {
color: #666 !important;
}
html body .cbp-spmenu.collapse {
visibility: visible;
}
html body .cbp-spmenu-vertical {
width: 240px;
height: 100%;
top: 0;
z-index: 1000;
}
html body .cbp-spmenu-vertical a {
border-bottom: 1px solid #464646;
padding: 1em;
}
html body .cbp-spmenu-horizontal {
width: 100%;
height: 150px;
left: 0;
z-index: 1000;
overflow: hidden;
}
html body .cbp-spmenu-horizontal h3 {
height: 100%;
width: 20%;
float: left;
}
html body .cbp-spmenu-horizontal a {
float: left;
width: 20%;
padding: 0.8em;
border-left: 1px solid #258ecd;
}
html body .cbp-spmenu-left {
left: -240px;
}
html body .cbp-spmenu-right {
right: -240px;
}
html body .cbp-spmenu-left.cbp-spmenu-open {
left: 0px;
}
html body .cbp-spmenu-right.cbp-spmenu-open {
right: 0px;
}
html body .cbp-spmenu-top {
top: -150px;
}
html body .cbp-spmenu-bottom {
bottom: -150px;
}
html body .cbp-spmenu-top.cbp-spmenu-open {
top: 0px;
}
html body .cbp-spmenu-bottom.cbp-spmenu-open {
bottom: 0px;
}
html body .cbp-spmenu-push {
overflow-x: hidden;
position: relative;
left: 0;
}
html body .cbp-spmenu-push-toright {
left: 240px;
}
html body .cbp-spmenu-push-toleft {
left: -240px;
}
html body .cbp-spmenu,
html body .cbp-spmenu-push {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
html body .navbar-nav {
margin: 0;
}
html body .navbar {
background: #f8f8f8 !important;
border: none !important;
}
html body .navbar .navbar-header {
width: 100% !important;
}
html body .navbar .navbar-header button {
margin-right: -15px;
border: none;
border-color: none !important;
}
html body .navbar .navbar-header button:hover {
background: none !important;
}
html body .navbar-text {
margin-top: 0;
}
html body .navbar-text span {
display: none;
}
html body .row {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
flex-flow: row;
}
html body .hm-lt {
/* -webkit-flex: 3 1 60%; */
/* flex: 3 1 60%; */
-webkit-order: 2;
order: 2;
}
html body .hm-rt {
/* -webkit-flex: 1 6 20%; */
/* flex: 1 6 20%; */
-webkit-order: 1;
order: 1;
}
html body .cbp-spmenu {
background: #333 !important;
position: fixed;
/*padding:0;
margin:0 !important;
overflow-x:hidden;
overflow-y:visible;*/
display: block;
}
html body .cbp-spmenu li.active > a,
html body .cbp-spmenu li:hover > a {
background: #333 !important;
}
html body .cbp-spmenu a {
text-decoration: none;
}
html body .cbp-spmenu-vertical {
/* width: 260px; */
height: 100%;
top: 0;
z-index: 1000;
}
html body .cbp-spmenu-horizontal {
width: 100%;
height: 150px;
left: 0;
z-index: 1000;
overflow: hidden;
}
html body .cbp-spmenu-horizontal h3 {
height: 100%;
width: 20%;
float: left;
}
html body .cbp-spmenu-horizontal a {
float: left;
width: 20%;
padding: 0.8em;
border-left: 1px solid #258ecd;
}
html body .cbp-spmenu-left {
left: -260px;
}
html body .cbp-spmenu-right {
right: -260px;
}
html body .cbp-spmenu-left.cbp-spmenu-open {
left: 0px;
}
html body .cbp-spmenu-right.cbp-spmenu-open {
right: 0px;
}
html body .cbp-spmenu-top {
top: -150px;
}
html body .cbp-spmenu-bottom {
bottom: -150px;
}
html body .cbp-spmenu-top.cbp-spmenu-open {
top: 0px;
}
html body .cbp-spmenu-bottom.cbp-spmenu-open {
bottom: 0px;
}
}
@media screen and (max-width: 55.1875em) {
html body .cbp-spmenu-horizontal {
font-size: 75%;
height: 110px;
}
html body .cbp-spmenu-top {
top: -110px;
}
html body .cbp-spmenu-bottom {
bottom: -110px;
}
}
@media screen and (max-height: 26.375em) {
html body .cbp-spmenu-vertical {
font-size: 90%;
/* width: 260px; */
}
html body .cbp-spmenu-left,
html body .cbp-spmenu-push-toleft {
left: -260px;
}
html body .cbp-spmenu-right {
right: -260px;
}
html body .cbp-spmenu-push-toright {
left: 260px;
}
}
@media all and (max-width: 640px) {
html body .row {
-webkit-flex-flow: column;
flex-flow: column;
flex-direction: column;
}
html body .row .hm-lt1,
html body .row .hm-rt1 {
/* Return them to document order */
-webkit-order: 0;
order: 0;
}
html body #main > nav,
html body #main > aside,
html body header,
html body footer {
min-height: 50px;
max-height: 50px;
}
}